@import "../../assets/base.less";
#index {
    .item {
        display: grid;
        grid: auto auto / 80px 1fr;
        margin: 20px 0;
        .avatar {
            grid-column: 1;
            grid-row: 1 / span 2;
            justify-self: center;
            margin-left: 0;
            text-align: center;
            img {
                width: 60px;
                height: 60px;
            }
            figcaption {
                font-size: 12px;
                color: @textLighterColor;
            }
        }
        h3 {
            grid-column: 2;
            grid-row: 1;
            max-width: 80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            &>span {
                color: @textLighterColor;
                font-size: 12px;
                font-weight: normal;
            }
        }
        p {
            grid-column: 2;
            grid-row: 2;
            margin-top: 0;
        }
    }

    .pagination{
        display: grid;
        justify-items: center;
        margin-bottom: 30px;
    }
}

